@charset "utf-8";
@mixin boxshadow{
    box-shadow: 0px 0px 12px black;
}

@mixin scaleimg{
//  transition: transform 0.5s;
//  transform: scale(1);
    &:hover img{
        transform: scale(1.2);
        transition: transform 0.5s;
    }
}


@mixin customcell{
    transition:all 1s;
    &:hover{
    @include boxshadow;
       }
    
    .bottom{
        background-color: $basecolor;
        font-size: 0;
        p:first-of-type{
                                    
            font-size: 14px;
            width: 84px;
            text-align: left;
            height: 14px;
            transition: all 1s;
            }
            p:nth-of-type(2){
            height: 10px;
            color: $fontcolor;
            margin-top: 10px;
            transition: all 1s;
            text-align: left;
                                    
                                }
                                div{
                                    height: 20px;
                                    margin-top: 4px;
                                    text-align: right;
                                    font-size: 0;
                                    transition: all 1s;
                                    .like{
                                        height: 20px;
                                        width: 83px;
                                        display: inline-block;
                                        text-align: center;
                                        a{
                                            color: white;
                                            img{
                                            width: 11px;
                                            height: 11px;
                                            vertical-align: -2px;
                                            margin-left: 7px;
                                            margin-top: 4px;
                                            }
                                        }
                                        
                                        font-size:11px;
                                        line-height: 20px;
                                        color: white;
                                        background-color: black;
                                        border-radius: 10px;
                                        }
                                    
                                }
    }
}


$basecolor:#efefef;
$fontcolor:#444f58;
